<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Sa-OAuth2-认证中心-登录页</title>
  <style type="text/css">
    body{background-color: #F5F5D5;}
    *{margin: 0px; padding: 0px;}
    .login-box{width: 400px; margin: 20vh auto;}
    .login-box input{line-height: 25px; margin-bottom: 10px;}
    .login-box button{padding: 5px 15px; cursor: pointer; }
  </style>
</head>
<body>
<div class="login-box">
  <h2>Sa-OAuth2-认证中心-登录页</h2> <br>
  账号：<input name="name" /> <br>
  密码：<input name="pwd" type="password" /> <br>
  <button onclick="doLogin()">登录</button>
  <span style="color: #666;">（测试账号： sa 123456）</span>
</div>
<script src="https://unpkg.zhimg.com/jquery@3.4.1/dist/jquery.min.js"></script>
<script src="https://www.layuicdn.com/layer-v3.1.1/layer.js"></script>
<script>window.jQuery || alert('当前页面CDN服务商已宕机，请将所有js包更换为本地依赖')</script>
<script type="text/javascript">

  // 登录方法
  function doLogin() {
    console.log('-----------');
    $.ajax({
      url: '/oauth2/doLogin',
      data: {
        name: $('[name=name]').val(),
        pwd: $('[name=pwd]').val()
      },
      dataType: 'json',
      success: function(res) {
        if(res.code == 200) {
          layer.msg('登录成功！');
          setTimeout(function() {
            location.reload(true);
          }, 800);
        } else {
          layer.alert(res.msg);
        }
      },
      error: function(e) {
        console.log('error');
      }
    });
  }
</script>
</body>
</html>
